

<section class="blog-post-section" style="background-color: #ececec">
    <div class="container" >
        <div class="row">
            <div class="col-sm-12 col-lg-12 col-xs-12">
                <div class="blog-post-details">
                    <h2 *ngIf="article" >{{article.title}}</h2>
                    <ul class="author-tag">
                        <li><a href="#"><i aria-hidden="true" class="fa fa-clock-o"></i>时间</a></li>
                        <li><a href="#"><i aria-hidden="true" class="fa fa-user"></i>作者</a></li>
                        <li><a href="#"><i aria-hidden="true" class="fa fa-tags"></i>创意摄影</a></li>
                    </ul>

                  <div id="content"></div>



                    <blockquote>
                        非常感谢
                    </blockquote>
                </div>
              <div class="row">
                <div class="col-sm-12 col-xs-12">
                  <div class="sub-heading"><h4>活动评论</h4></div>
                </div>
              </div>
              <div class="row" *ngIf="article">
                <div class="col-sm-8 col-lg-9 col-xs-12">
                  <div class="comment-section">
                    <h3>{{article.comments.length}} Comments</h3>
                    <ol *ngFor="let comment of comments">
                      <li>
                        <div class="author-img pull-left">
                          <img alt="" src="images/blog/author1.jpg">
                        </div>
                        <div class="author-details pull-left">
                          <h5><a routerLink="#">Giovanni Falcone</a></h5>
                          <span>July 21, 2016 at 3:35 pm</span>
                          <p>
                            {{comment.content}}
                          </p>
                        </div>
                        <div class="clearfix"></div>
                      </li>
                    </ol>
                    <h3>发表评论</h3>
                    <form (submit)="onSubmit()" #commentForm="ngForm" class="comment-form">
                      <!--<input type="text" name="name" placeholder="Name">-->
                      <!--<input type="email" name="email" placeholder="Email ID">-->
                      <!--<input type="tel" name="phone" placeholder="Phone Number">-->
                      <textarea [(ngModel)]="comment.content" name="content" placeholder="Your Comments"></textarea>
                      <button type="submit" [disabled]="!commentForm.form.valid" class="primary-btn"><span>Submit Your Comments</span></button>
                    </form>
                  </div>
                </div>
              </div>
<!--                    <h3>留下你的评论</h3>
                    <form action="#" method="post" class="comment-form">
                        <input type="text" name="name" placeholder="Name">
                        <input type="email" name="email" placeholder="Email ID">
                        <input type="tel" name="phone" placeholder="Phone Number">
                        <textarea placeholder="Your Comments"></textarea>
                        <button type="submit" class="primary-btn"><span>提交您的评论</span></button>
                    </form>-->
            </div>
        </div>
    </div>
</section>
